<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" trimDirectiveWhitespaces="true"%>
<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<% pageContext.setAttribute("year", new org.joda.time.DateTime().getYear()); %>

<!doctype html>

<!--[if lt IE 7 ]> <html class="ie ie6 no-js" lang="pt-br"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie ie7 no-js" lang="pt-br"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie ie8 no-js" lang="pt-br"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie ie9 no-js" lang="pt-br"> <![endif]-->
<!--[if gt IE 9]><!--><html class="no-js" lang="pt-br"><!--<![endif]-->
<%-- the "no-js" class is for Modernizr. --%>

<head id="www-portfull-com-br" data-template-set="html5-reset">

	<meta charset="utf-8">

	<%-- Meta TAG to use hash urls http://code.google.com/intl/pt-BR/web/ajaxcrawling/docs/getting-started.html --%>
        <meta name="fragment" content="!">

	<%-- Always force latest IE rendering engine (even in intranet) & Chrome Frame --%>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<title><tiles:insertAttribute name="title" /></title>

        <%-- Google will often use this to index the page/site. Make it good. --%>
	<meta name="title" content="<tiles:insertAttribute name="title" />">
	<meta name="keywords" content="<tiles:insertAttribute name="keywords" />">
	<meta name="description" content="<tiles:insertAttribute name="description" />">

        <%-- Speaking of Google, don't forget to set your site up: http://google.com/webmasters --%>
	<meta name="google-site-verification" content="">

	<meta name="author" content="Portfull">
	<meta name="Copyright" content="Copyright Portfull ${year}. All Rights Reserved.">

	<%-- Dublin Core Metadata : http://dublincore.org/ --%>
	<meta name="DC.title" content="Portfull">
	<meta name="DC.subject" content="Para uma navegação saudável!">
	<meta name="DC.creator" content="Portfull">
        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">

	<%--  Mobile Viewport Fix
	j.mp/mobileviewport & davidbcalhoun.com/2010/viewport-metatag
	device-width : Occupy full width of the screen in its current orientation
	initial-scale = 1.0 retains dimensions instead of zooming out if page height > device height
	maximum-scale = 1.0 retains dimensions instead of zooming in if page width < device width
	--%>
	<%-- Uncomment to use _sreen_ use thoughtfully! --%>
	<!--
	<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
	-->

        <%-- This is the traditional favicon.
		 - size: 16x16 or 32x32
		 - transparency is OK
		 - see wikipedia for info on browser support: http://mky.be/favicon/ --%>
         <link rel="shortcut icon" type="image/x-icon" href="<c:url value="/_/img/favicon.ico"/>">

        <%-- The is the icon for iOS's Web Clip.
		 - size: 57x57 for older iPhones, 72x72 for iPads, 114x114 for iPhone4's retina display (IMHO, just go ahead and use the biggest one)
		 - To prevent iOS from applying its styles to the icon name it thusly: apple-touch-icon-precomposed.png
		 - Transparency is not recommended (iOS will put a black BG behind the icon) --%>
	<link rel="apple-touch-icon" href="<c:url value="/_/img/apple-touch-icon.png"/>">

	<%-- CSS: screen, mobile & print are all in the same file --%>
	<link rel="stylesheet" href="<c:url value="/_/css/style.css"/>">

        <%-- Especific CSS --%>
        <tiles:insertAttribute name="css" />

	<%-- all our JS is at the bottom of the page, except for Modernizr. --%>
	<script type="text/javascript" src="<c:url value="/_/js/modernizr-1.7.min.js"/>"></script>

</head>

<body>

    <noscript>
        <%-- TODO: Criar um noscript --%>
        Por favor, ative o javascript do seu browser para melhor visualização...
    </noscript>

<div id="site" class="wrapper"><%-- not needed? up to you: http://camendesign.com/code/developpeurs_sans_frontieres --%>
    <tiles:insertAttribute name="body"/>
</div>

<%-- here comes the javascript --%>

<%-- Grab Google CDN's jQuery. fall back to local if necessary --%>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
//<![CDATA[
	window.jQuery || document.write("<script src='<c:url value='/_/js/jquery-1.7.1.min.js'/>'>\x3C/script>")
//]]>
</script>

<%-- Jquery Template --%>
<script type="text/javascript" src="<c:url value="/_/js/jquery.tmpl.min.js"/>"></script>

<%-- Knockout library --%>
<script type="text/javascript" src="<c:url value="/_/js/knockout-2.0.0.js"/>"></script>
<script type="text/javascript" src="<c:url value="/_/js/knockout.mapping-latest.js"/>"></script>

<%-- this is to use the browser history with hash urls --%>
<script type="text/javascript" src="<c:url value="/_/js/jquery.address-1.4.min.js"/>"></script>

<%-- this is where we put our custom functions --%>
<script type="text/javascript" src="<c:url value="/_/js/functions.js"/>"></script>

<%-- Others JavaScripts --%>
<tiles:insertAttribute name="js" />

<tiles:insertAttribute name="google_analytics" defaultValue=""/>

</body>
</html>
